<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>学生课程评教管理系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!-- 添加网站图标为学校院徽 -->
	<link rel="shortcut icon" href="publicStyle/images/favicon.ico"/>

	<link rel="stylesheet" type="text/css" href="publicStyle/css/login-css/styles.css">
<!-- <style>
        body {
	    background-image: url(publicStyle/images/logo.png);
	    background-repeat: no-repeat;
	    background-size:350px 87px;
	    background-position-x:50%;
	    background-position-y:5%;
        }
</style> -->
  </head> 
  <body>
<div class="wrapper">
	<div class="container">
		<h2>欢迎来到学生课程评教管理系统</h2>
		<form class="form"  id="Login" name="loginForm" method="post"  action="${pageContext.request.contextPath}/login" onSubmit="return checkForm();">
			<input type="text"  name="id"   placeholder="账号">
			<input type="password"  name="pwd"  placeholder="密码">
			<center><span>登  录  身    份：</span>
					<select name="leixin">
					<option value="1" >学生</option>
					<option value="2" >教师</option>
					<option value="3" >管理员</option>
					
					</select></center><br>
	               <button type="submit" >登录</button>
		</form>
	 <span><font color="red">${err}</font></span>
	</div>
	<!-- 背景方块随机出现的样式 -->
	<ul class="bg-bubbles">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	
</div>
<script type="text/javascript" src="publicStyle/js/login-js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$('#login-button').click(function(event){
	event.preventDefault();
	$('form').fadeOut(500);
	$('.wrapper').addClass('form-success');
});
</script>

<!--js登录表单验证  -->
<script language="javascript">
    //验证表单是否为空
    function checkForm() {
      var flag = true;
      if (loginForm.id.value == "") {
        alert("请输入账号！");
        flag = false;
        return flag;
      }
      if (loginForm.pwd.value == "") {
        alert("请输入密码！");
        flag = false;
        return flag;
      }
//验证码
     // if (loginForm.checkCode.value == "") {
      //  alert("请输入验证码！");
      //  flag = false;
        //return false
     // }
      return flag;
    }
  </script>
  </body>
</html>
